<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Amantes</title>
	<meta name="description" content="">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/style.css" media="all">
	<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" media="all">
	<link rel="stylesheet" href="css/print.css" media="print">
	<!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->
</head>
<body>	
	<!-- content -->
	<div id="content">
		<div class="container">
			<!-- barra lateral -->
			<div class="grid-3 side-bar">
				<a class="brand" href="index.html"><img src="img/logo.png" alt=""></a>
				<ul class="nav">
					<li>
						<a class="clearfix" href="test.html">
							<img src="img/nav_01.png" alt="">
							Test del amor<br>
							<small>Descubre tu forma de amar</small>
						</a>
					</li>
					<li>
						<a class="single clearfix" href="videos.html">
							<img src="img/nav_02.png" alt="">
							Videos amantes
						</a>
					</li>
					<li>
						<a class="single clearfix" href="datos.html">
							<img src="img/nav_03.png" alt="">
							Algunos datos
						</a>
					</li>
					<li>
						<a class="single clearfix" href="libros.html">
							<img src="img/nav_04.png" alt="">
							Libros
						</a>
					</li>
					<li>
						<a class="clearfix disabled">
							<img src="img/nav_05.png" alt="">
							Cuéntanos tu<br>
							historia
						</a>
					</li>
					<li>
						<a class="single clearfix"  href="tus_dudas.html">
							<img src="img/nav_06.png" alt="" >
							Tus dudas
						</a>
					</li>
				</ul>
			</div>
			<!-- contenidos -->
			<div class="grid-9">
				  <div class="pages">
					<h1> Juan y Elizabeth</h1>
					<p class="color lead">
						Cuando nos unió la labor social
					</p>
					<div class="pages-text">
						<p>
							Empecé a visitar ese barrio pobre cuando en plena adolescencia
							me llegó mucho las ganas de ayudar a otros. Estuve muy comprometido
							con el trabajo durante varios años y me sentía que ese era "mi territorio".
							Muchos eran los chicos y chicas que iban y venían a lo largo del tiempo pero
							el núcleo de los que siempre íbamos era estable, muy unido y, sobre todo,
							muy celoso de lo que hacíamos. Hasta que llegó Elizabeth. Al inicio me cayó mal.
						</p><br>
						<p>
							Ella venía designada por la ONG que coordinaba nuestro trabajo y su
							función era ayudarnos a ser más eficaces. Su aire de suficiencia y
							su función de coordinar cosas… ¡no lo soportaba! Además sentía que
							venía a robarnos "nuestro" trabajo. Pero rápidamente se ganó a todo
							el mundo porque era agradable, buena gente. En realidad su aire de
							suficiencia era timidez.
						</p><br>
						<p>
							Me costó mucho sacarme los prejuicios y empezar a tratara a P. de manera
							normal. Bueno, "normal, normal" nunca le traté porque en el fondo tenía
							que reconocer que me gustaba (aunque odiaba tener que decirlo). Al final,
							casi a regañadientes acepté que me gustaba mucho estar con ella...no dejaba
							de pensar en ella. Nos fuimos haciendo amigos… muy amigos… demasiado amigos.
							Fueron tiempos intensos y vi claro lo que quería; salir con ella como novios.
							La verdad es que lo que me hizo tomar esa decisión finalmente fue ver como
							trataba ella a las personas que necesitaban ayuda. Pensé que con ella sí
							podría seguir toda mi vida.
						</p>
					</div>
                  
				</div>
                  <a href="tu_historia.html" class="form-prev" style="display: inline; bottom: 35px; left: 320px;"><img src="img/last.png" alt=""></a>
			</div>
		</div>
	</div>
	
	<!-- footer -->
	<footer id="footer">
		<div class="container">
			<div class="grid-12">
            <ul class="social-links" style=" float:left">
        <li><a href="index-eng.html"><img src="img/ingles.png" alt=""></a></li>
        </ul>
				<ul class="social-links">
					<li><a target="_blank" href="#"><img src="img/tw.png" alt=""></a></li>
					<!--<li><a target="_blank" href="#"><img src="img/fb.png" alt=""></a></li>-->
					 <li><a target="_blank" href="http://www.youtube.com/channel/UCBO13scTspwuU-5iwFGDUtw?feature=watch"><img src="img/yt.png" alt=""></a></li>
					<li>
						<a><img src="img/share.png" alt=""></a>
						<ul class="share-box">
							<li>
								<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://www.soyamante.org" title="Compartir por Facebook">
									<img src="img/share_fb.png" alt="">
								</a>
							</li>
							<li>
								<a target="_blank" href="https://twitter.com/intent/tweet?text=http://www.soyamante.org" title="Compartir por Twitter">
									<img src="img/share_tw.png" alt="">
								</a>
							</li>
							<li>
								<a target="_blank" href="https://plus.google.com/share?url=http://www.soyamante.org" title="Compartir por Google Plus">
									<img src="img/share_gg.png" alt="">
								</a>
							</li>
							<li>
								<a href="mailto:?Body=http://www.soyamante.org" title="Compartir por Correo">
									<img src="img/share_mail.png" alt="">
								</a>
							</li>
						</ul>
					</li>
				</ul>
				<div class="about alt">
					<a class="trigger"><big>&laquo;</big>Acerca de esta página<big>&raquo;</big></a>
					<div class="tooltip cloud">
						<p>
							<a href="quienes_somos.html">Hemos preparado</a> esta página web
							con la confianza de que podrás encontrar
							en ella ideas que te ayuden a ser ese tipo de "amante".
						</p>
					</div>
				</div>
			</div>
		</div>
	</footer>
	
	<!-- javascript -->
	<script src="js/jquery.tools.min.js"></script>
	<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
	<script src="js/script.js"></script>
</body>
</html>